<!--title=设置用户信息;css=lib/base,setup;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,setup;mobile=yes-->
<body>
    <div class="content">
        <div class="content-heading">
            <div class="container margin-bottom">
                <h2 class="text-center heading">设置用户信息</h2>
            </div>
        </div>
        <div class="container" id="main">
            <div class="el-loading-indicator">
                <div class="progress-circular progress-circular-inline progress-circular-">
                    <div class="progress-circular-wrapper">
                        <div class="progress-circular-inner">
                            <div class="progress-circular-left">
                                <div class="progress-circular-spinner"></div>
                            </div>
                            <div class="progress-circular-gap"></div>
                            <div class="progress-circular-right">
                                <div class="progress-circular-spinner"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-2">
                    <h3 class="content-sub-heading">头像：</h3>
                </div>
                <div class="col-lg-1 col-md-2 col-sm-3">
                    <img id="avatar" style="border-radius:100px" src="{IMG_avatar_jpg}" alt="" width="150">
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6 margin-top">
                    <form id="upload" method="post" enctype="multipart/form-data">
                        <input type="file" id="uploadControl" class="btn waves-button waves-effect waves-light margin-bottom" name="file">
                        <a class="btn waves-button waves-effect waves-light" id="uploadBtn">上传</a>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">昵称：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label">
                        <label for="nickname" class="floating-label">昵称</label>
                        <input type="text" id="nickname" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">性别：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="gender" class="floating-label">性别</label>
                        <input type="text" id="gender" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">年龄：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="age" class="floating-label">年龄</label>
                        <input type="number" id="age" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">自我介绍：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="description" class="floating-label">自我介绍</label>
                        <input type="text" id="description" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4"></div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <a class="btn btn-lg waves-button waves-effect waves-light" id="btn1">保存</a>
                </div>
            </div>
        </div>
    </div>
    <div class='footer'><p>Developed by SCH</p><p>User(Account) {VERSION}<br>Running with PHP {PHP_VER}</p></div>
    {SetColor}
    <script>
        let HTTPS="{HTTPS}";
        let host = "{HTTP_HOST}";
        let upload_url = "{LINK_setup/upload}";
        upload_url=upload_url.replace(".","");
        let protect=HTTPS=="no"?"http://":"https://";
        let url = `${protect}${host}${upload_url}`;
    </script>
    {JS}
    </body>
    